<style>
    .ui-popup-modal .ui-dialog-body {
        /*padding: 0;*/
    }
</style>
<div class="ui-dialog-content" style="max-height: 400px; overflow-x: hidden; overflow-y: auto; padding:30px;">
    <form class="ui-dialog-content" name="receivable_info_form" style="width: 600px;">
        <table width="100%">
            <tbody>
            <tr>
                <td class="form-cell w120" align="right">
                    合同编号：
                </td>
                <td class="form-cell" colspan="3">
                    <input type="text" ng-model="info.ContractNum" class="input-text" disabled/>
                </td>
            </tr>
            </tbody>
            <tbody ng-repeat="item in info">
            <tr>
                <td class="form-cell w150 pt12" align="right">
                    款项名称：
                </td>
                <td class="form-cell pt12">
                    <input type="text" ng-model="item.receivable_item_name" class="input-text" disabled/>
                </td>
                <td class="form-cell pt12" align="right">
                    已收金额（元）：
                </td>
                <td class="form-cell pt12">
                    <input type="text" ng-model="item.received_amount" class="input-text"
                           ng-style="{ color: +item.received_amount < +item.receivable_amount ? 'red' : '' }" disabled/>
                </td>
            </tr>
            <tr>
                <td class="form-cell pt12" align="right">
                    应收金额（元）：
                </td>
                <td class="form-cell pt12">
                    <input type="text" ng-model="item.receivable_amount" class="input-text" disabled/>
                </td>
                <td class="form-cell pt12" align="right">
                    应收日期：
                </td>
                <td class="form-cell pt12">
                    <input type="text" ng-model="item.receivable_date" class="input-text" disabled/>
                </td>
            </tr>
            </tbody>
            <tbody ng-if="!info.length">
            <tr>
                <td class="form-cell pt12" colspan="4">
                    <span style="padding-left: 120px">无回款信息</span>
                </td>
            </tr>
            </tbody>
        </table>
    </form>
</div>